<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>
</head>
<body>
    <script>
        //数组创建
           // 先声明 在赋值
            var arr = new Array()
            //字面量  
            var arr1 = []
            //声明并赋值
            var arr2 = [10,20,30];
            var arr3 = new Array(10,20,30);
            //特殊
            // 如果只有一个值，表示数组长度
            var arr3 = new Array(10);
        //声明数组  
        var arr4 = [];
        //添加数据
        arr4[0] = 10;
        arr4[2] = 30;
        arr4[5] = 'hello';
        alert(arr4);//10, ,30, , ,hello

        //数组长度  arr.length
        var len = arr4.length;
        alert(len); // 6
        alert(arr4.length); // 6

        //数组末尾添加数据
        arr4[arr4.length] = 100;
        arr4[arr4.length] = 200;
        console.log(arr4); //[10, 空, 30, 空, 空, 'hello', 100, 200]

        //查看数据
        var item = arr4[2];
        console.log(item); // 30

        console.log(arr4[1]) // 数据为空 打印 undefined

        //数组遍历
            //1. 全部遍历 全部打印
            console.log(arr4,arr4.length);// 输出数组 及 长度
            for(var i=0;i<arr4.length;i++){
                console.log(i,arr4[i]);  // 索引值对应的元素
            }
            //2. 全部遍历 空值不打印
            for(var j in arr4){
                console.log(j,arr4[j]);
            }
        
        //修改
        arr4[0] = 521;
        console.log(arr4[0]);

        //删除
        console.log(arr4.length);//8
        arr4.length = 7; // 删除末尾
        // arr4.length = 5
        console.log(arr4);

        delete arr4[2];// 数组长度改变不了， 只会变为 empty  
        console.log(arr4);
    </script>
</body>
</html>